<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>御龙在天-墨鳞游戏</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/comment.css">

</head>

<body>
    <section class="top">
        <div class="top-center">
            <div class="logoBg left"></div>
            <div class="all-game right">
                <i class="icon-login position"></i>
                <a href="">所有游戏</a>
            </div>
            <div class="loginBox right">
                <div class="no-change ">
                    <div class="login">
                        <i class="icon-login"></i>
                        <a href="">登录</a>
                    </div>
                    <div class="register"><a href="">注册</a></div>
                </div>

            </div>

        </div>
    </section>

    <section class="nav">
        <div class="nav-center">
            <ul class="nav-left">
                <li>
                    <a href="index.htm">
                        <div>官网首页</div>
                        <span>HOME</span>
                    </a>
                </li>
                <li>
                    <a href="News.html">
                        <div>新闻公告</div>
                        <span>NEWS</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div>游戏资料</div>
                        <span>INFO</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div>玩法攻略</div>
                        <span>GUIDE</span>
                    </a>
                </li>
                <li class="ylztImg"> <img src="./img/ylzt.png" alt=""></li>
            </ul>

            <ul class="nav-right">
                <li>
                    <a href="">
                        <div>墨友之家</div>
                        <span>BBS</span>
                    </a>
                </li>
                <li>
                    <a href="call_Center.html">
                        <div>客服中心</div>
                        <span>SERVICE</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div>充值中心</div>
                        <span>PAY</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div>礼包中心</div>
                        <span>GIFTS</span>
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <section class="body">
        <div class="content1">
            <div class="content1-nav">
                <ul>
                    <li id="n1" onmouseover="show(this,1)"><a href="">全部</a></li>
                    <li id="n2" onmouseover="show(this,2)"><a href="">新闻</a></li>
                    <li id="n3" onmouseover="show(this,3)"><a href="">公告</a></li>
                    <li id="n4" onmouseover="show(this,4)"><a href="">活动</a></li>
                </ul>
            </div>

            <div class="content1-left">
                <ul class="all clear" id="No1">
                    <li class="first"><a href="">
                            <div class="icon-dragon"></div>
                            <h3>《御龙在天美人版》7月3日11:00维护公告</h3>
                        </a></li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【新闻】经典国战页游《御龙在天美人版》再创新高度</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【公告】合服活动来袭！</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【新闻】超火爆创新页游 《御龙在天美人版》百万金子免费送</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【活动】御龙在天美人版》每日充值活动</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【活动】逐鹿天下 谁是第一金牌指挥</a></div>
                    </li>
                </ul>

                <ul class=" clear noshow" id="No2">
                    <li class="first"><a href="">
                            <div class="icon-dragon"></div>
                            <h3>《御龙在天美人版》7月3日11:00维护公告</h3>
                        </a></li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【新闻】超火爆创新页游 《御龙在天美人版》百万金子免费送</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【新闻】墨麟游戏携手4yx游戏网发放独家礼包</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【新闻】《御龙在天美人版》一览九州风貌 景色醉人</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【新闻】《御龙在天美人版》香艳美人伴你同行</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【新闻】《御龙在天美人版》休闲玩法大盘点</a></div>
                    </li>
                </ul>

                <ul class="clear noshow" id="No3">
                    <li class="first"><a href="">
                            <div class="icon-dragon"></div>
                            <h3>经典国战页游《御龙在天美人版》再创新高度</h3>
                        </a></li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【公告】合服活动来袭！</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【公告】《御龙在天美人版》开服活动</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【公告】《御龙在天美人版》火热来袭，游戏内容抢先揭秘</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【公告】端午飘香“粽”是情</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【公告】《御龙在天美人版》6月6日更新公告</a></div>
                    </li>
                </ul>

                <ul class=" clear noshow" id="No4">
                    <li class="first"><a href="">
                            <div class="icon-dragon"></div>
                            <h3>《御龙在天》每日充值活动</h3>
                        </a></li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【活动】逐鹿天下 谁是第一金牌指挥</a></div>
                    </li>
                    <li>
                        <time class="date">2018/03/22</time>
                        <div><a href="">【活动】国战报道 御龙战地记者招募</a></div>
                    </li>

                </ul>
            </div>

            <div class="lunbo">
                <div class="lunbo-img">
                    <ul id="img-box" style="left: 0px;">
                        <li><a href=""><img src="./img/No1.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/No2.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/No3.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/No4.jpg" alt=""></a></li>
                        <li><a href=""><img src="./img/No5.jpg" alt=""></a></li>
                    </ul>
                </div>


            </div>
            <div class="lunbo-button">
                <ul id="button">
                    <li onclick="img_move(1,this)" class="change"> </li>
                    <li onclick="img_move(2,this)"> </li>
                    <li onclick="img_move(3,this)"> </li>
                    <li onclick="img_move(4,this)"> </li>
                    <li onclick="img_move(5,this)"> </li>
                </ul>
            </div>

            <div class="content1-right">
                <div class="start-game"></div>
                <form action="" class="content1-form">
                    <div class="user-box">
                        <div class="iconbox">
                            <div class="icon1 icon"></div>
                        </div>
                        <input type="text" placeholder="账号" class="user">
                    </div>

                    <div class="password-box">
                        <div class="iconbox">
                            <div class="icon2 icon"></div>
                        </div>
                        <input type="password" placeholder="密码" class="password">
                    </div>

                    <p class="content1-right-text1">忘记密码？</p>

                    <div class="login-button-box">
                        <button class="login-button">登录</button>
                    </div>

                    <div class="qq-weixin-box">
                        <a href="">
                            <div class="icon3"></div>
                        </a>
                        <a href="">
                            <div class="icon4"></div>
                        </a>
                    </div>

                    <div class="content1-right-text2">还没有账号？立即注册</div>
                </form>
            </div>
        </div>

        <div class="content2">
            <div class="content2-left">
                <div class="content2-header">
                    <p>游戏资料</p>
                    <div class="align-bottom">
                        <p>/GAME&nbsp;INFO</p>
                    </div>
                    <a href="">+</a>
                </div>


                <ul class="content2-left-list">
                    <li><a href=""><i></i>职业系统</a></li>
                    <li><a href=""><i></i>装备系统</a></li>
                    <li><a href=""><i></i>好友系统</a></li>
                    <li><a href=""><i></i>美人系统</a></li>
                    <li><a href=""><i></i>技能系统</a></li>
                    <li><a href=""><i></i>坐骑系统</a></li>
                    <li><a href=""><i></i>血纹系统</a></li>
                    <li><a href=""><i></i>武勋系统</a></li>
                    <li><a href=""><i></i>王城争夺战</a></li>
                    <li><a href=""><i></i>语音系统</a></li>
                    <li><a href=""><i></i>家族系统</a></li>
                    <li><a href=""><i></i>货币类型介绍</a></li>
                    <li><a href=""><i></i>界面介绍</a></li>
                    <li><a href=""><i></i>国家系统</a></li>
                    <li><a href=""><i></i>称号系统</a></li>
                </ul>

            </div>

            <div class="content2-mid">
                <div class="content2-mid-header">
                    <h3>玩法攻略</h3>
                    <div class="content2-mid-header-text1">/GAME&nbsp;GUIDE</div>
                    <a href="">+</a>
                </div>

                <ul class="content2-mid-line1">
                    <li><a href=""><img src="./img/u1.png" alt=""></a></li>
                    <li><a href=""><img src="./img/u2.png" alt=""></a></li>
                    <li><a href=""><img src="./img/u3.png" alt=""></a></li>
                </ul>

                <ul class="content2-mid-list">
                    <li>
                        <i></i>
                        <div>
                            <i class="triangle"></i>
                            <p><a href="">八阵图</a></p>
                            <time>2018/02/28</time>
                        </div>
                    </li>

                    <li>
                        <i></i>
                        <div>
                            <i class="triangle"></i>
                            <p><a href="">宝石矿脉</a></p>
                            <time>2018/02/28</time>
                        </div>
                    </li>

                    <li>
                        <i></i>
                        <div>
                            <i class="triangle"></i>
                            <p><a href="">独具慧眼</a></p>
                            <time>2018/02/28</time>
                        </div>
                    </li>

                    <li>
                        <i></i>
                        <div>
                            <i class="triangle"></i>
                            <p><a href="">名将挑战</a></p>
                            <time>2018/02/28</time>
                        </div>
                    </li>

                    <li>
                        <i></i>
                        <div class="no-border">
                            <i class="triangle"></i>
                            <p><a href="">叛军讨逆</a></p>
                            <time>2018/02/28</time>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="content2-right">
                <div class="content2-right-header">
                    <h3>服务器列表</h3>
                    <div class="content2-right-header-text1">/SERVER&nbsp;LIST</div>
                </div>

                <div class="content2-right-line">
                    <h3>最新区服：</h3>
                    <ul class="ul-line1">
                        <li><a href="">s4.雄霸天下</a></li>
                        <li><a href="">s3.龙战于野</a></li>
                    </ul>
                    <h3>区服列表：</h3>
                    <ul class="ul-line1 clear">
                        <li><a href="">s4.雄霸天下</a></li>
                        <li><a href="">s3.龙战于野</a></li>
                        <li><a href="">s2.纵横驰骋</a></li>
                        <li><a href="">s1.天之骄子</a></li>
                    </ul>

                    <a class="lnk-more" href="" target="-blank">更多区服<span>&gt;</span></a>
                </div>
            </div>
        </div>

        <div class="content3">
            <div class="content3-header">
                <h3>职业介绍</h3>
                <div class="content3-header-text1">/GAME&nbsp;CHARACTERS</div>
            </div>
            <div class="lunbo2" id="lunbo2">
                <ul id="lunbo2-ul">
                    <li style="z-index:1; opacity:1;"><img src="./img/霸刀.png" alt=""></li>
                    <li style="z-index:-1; opacity:1;"><img src="./img/法师.png" alt=""></li>
                    <li style="z-index:-1;  opacity:1;"><img src="./img/羽扇.png" alt=""></li>
                    <li style="z-index:-1; opacity:1;"><img src="./img/弓手.png" alt=""></li>
                </ul>
            </div>
            <a class="paging-arrow next" id="next" onclick="next()">&gt;</a>
            <a class="paging-arrow prev" id="pre" onclick="prev()">&lt;</a>

            <div class="content3-right">
                <ul>
                    <li>
                        <a href="">
                            <div class="content3-icon icon-1"></div>
                            <div>微端下载</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="content3-icon icon-2"></div>
                            <div>礼包中心</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="content3-icon icon-3"></div>
                            <div>个人中心</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="content3-icon icon-4"></div>
                            <div>常见问题</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="content4">
            <div class="content4-left-header">
                <h3>游戏截图</h3>
                <div class="content4-left-text1">/GAME&nbsp;SCREENSHOT</div>
            </div>
            <ul class="content4-list">
                <li><a href=""><img src="./img/content4.1.png" alt=""></a></li>
                <li><a href=""><img src="./img/content4.2.png" alt=""></a></li>
                <li><a href=""><img src="./img/content4.3.png" alt=""></a></li>
                <li><a href=""><img src="./img/content4.4.png" alt=""></a></li>
            </ul>
            <div class="content4-right">
                <div class="content4-right-header">
                    <h3>联系客服</h3>
                    <div class="content4-right-text1">/SERVICE</div>
                </div>

                <div class="content4-right-text">
                    <dl>
                        <dt>客服时间： 9:30-18:30</dt>
                        <dt>客服邮箱：mlkf@mokylin.com</dt>
                        <dt>在线客服：<a href="">在线客服</a></dt>
                        <dt>客服QQ：<a href="" class="kefu"> QQ交谈</a></dt>

                    </dl>
                </div>
            </div>
        </div>

        <div class="content5">
            <div class="health-title">游戏健康公告</div>
            <ul class="health-list">
                <li>抵制不良游戏</li>
                <li>拒绝盗版游戏</li>
                <li>注意自我保护</li>
                <li>谨防上当受骗</li>
                <li class="nbm">适度游戏益脑</li>
                <li class="nbm">沉迷游戏伤身</li>
                <li class="nbm">合理安排时间</li>
                <li class="nbm">享受健康生活</li>
            </ul>
        </div>
    </section>
    <section >
        <div class="float-right">
            <button class="float-right-btn" onclick="distory()">X</button>
        </div>
    </section>
    <section class="footer ">
        <div class="container">
            <a class="f-logo fl" href="">
                <img src="./img/logo.png">
            </a>
            <div class="copyright fl">
                <p class="lnks">
                    <a href="">集团官网</a>&nbsp;&nbsp;-&nbsp;&nbsp;
                    <a href="">产品中心</a>&nbsp;&nbsp;-&nbsp;&nbsp;
                    <a href="">法律声明</a>&nbsp;&nbsp;-&nbsp;&nbsp;
                    <a href="">客户服务</a>&nbsp;&nbsp;-&nbsp;&nbsp;
                    <a href="">商务合作</a>&nbsp;&nbsp;-&nbsp;&nbsp;
                    <a href="">注册服务协议</a>
                </p>
                <p>Copyright © 2011 - 2020 深圳墨麟科技股份有限公司. All Rights Reserved</p>
                <p class="icp nbm">
                    <a href="">ICP粤B2-20130762</a>&nbsp;&nbsp;
                    <a href="">粤ICP备13082784号</a>&nbsp;&nbsp;
                    <a href="">粤网文[2016]6088-1458</a></p>
            </div>
        </div>
    </section>
</body>
<script src="./js/index.js"></script>

</html>